<template>
  <div>
    <div id="zhezhu" style="width: 100%;height: 400px;"></div>
  </div>
</template>
<script>
export default{
  mounted() {
    
    let xx = ['上海大区','北方大区','西南大区','华南大区','东北大区','华北大区','华中大区','华西大区']
    let yy = ['100','200','300','400','500','600','700',800]
    let yx = [50,150,250,350,450,550,650,750]
    let mychart = this.$echarts.init(document.getElementById('zhezhu'));
    mychart.setOption({
      xAxis:{
        type: 'category',
        data: xx,
      },
      yAxis:{
        type: 'value'
      },
      legend: {},
      series: [
        {
          name: '已处理',
          data: yy,
          type: 'bar',
          itemStyle:{
            color: 'red'
          }
        },
        {
          name: '未处理',
          data: yx,
          type: 'bar',
          itemStyle:{
            color: 'blue'
          }
        }        
      ]
    })
  },
}
</script>
<style>

</style>